<div class="am-u-sm-12 widget main-w">
	<div class="am-u-sm-12">
		<div class="am-u-sm-12 cl-p">
			<div class="am-u-sm-12 cl-p border-bottom">
			<div style="font-size: 20px;">
				<div class="am-fl" style="padding: 10px 0;margin-right:20px ;">财务管理</div>
				<div class="am-fl" style="padding: 10px 0;margin-right:20px ;border-bottom: 1px solid #FF9800;">
					<small style="font-size: 12px;padding: 8px 0 0 0;text-align: center;">
						<a style="color: #FF9800;" href="{:url('index')}" >充值对账</a>
					</small>
				</div>
				<div class="am-fl" style="padding: 10px 0;">
					<small style="font-size: 12px;padding: 8px 0 0 0;text-align: center;">
						<a  href="{:url('invoice')}">发票管理</a>
					</small>
				</div>
			</div>
		</div>
	</div>
	<div class="am-u-sm-12 border-bottom" style="padding: 30px 10px;">

		<div class="am-u-sm-12 cl-p">
			账户概况
		</div>
		<div class="am-u-sm-12 cl-p ">
			<div class="am-u-sm-8 cl-p ">
				<div class="am-u-sm-6 border-right finance">
					<div class="am-u-sm-12" style="text-align: center;font-size: 12px;">
						财政额度（元）
					</div>
					<div class="am-u-sm-12 yeller_big_font quota">
						<span>{$quota}</span>
					</div>
				</div>
				<div class="am-u-sm-6">
					<div class="am-u-sm-12" style="text-align: center;font-size: 12px;">
						单位额度（元）
					</div>
					<div class="am-u-sm-12 yeller_big_font unit_quota" >
						<span>{$unit_quota}</span>
						<a href="{:url('topup')}" class="am-btn am-btn-xs am-btn-secondary am-radius" style="">立即充值</a>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="am-u-sm-12" style="padding:10px 10px;">
		<div class="am-u-sm-12 cl-p">
			账单总览
		</div>
		<div class="am-u-sm-12 cl-p" style="margin-bottom: 20px;">
			<div class="am-fl am-radius bill bill_action" data-tabidx='1'>使用记录</div>
			<div class="am-fl am-radius bill" data-tabidx='2'>充值记录</div>
			<div class="am-fl am-radius bill" data-tabidx='3'>公司对账</div>
		</div>
		<div class="am-u-sm-12 cl-p bill_use" style="display: block;">
				<table width="100%" class="am-table am-table-compact am-table-bordered am-table-radius am-table-striped am-text-truncate tpl-table-black" id="use_record">
				<thead>
					<tr>
						<th>下单时间</th>
						<th>订单号</th>
						<th>额度变化</th>
					</tr>
				</thead>
				<tbody>
					<tr>
						<td>2018-01</td>
						<td>2,000.00</td>
						<td>0.00</td>
						<td>1000.00</td>
					</tr>
				</tbody>
			</table>
			
			<div class="am-u-lg-12 am-cf">
				<div class="am-fr">
					<ul class="pagination">
						
					</ul>
				</div>
			</div>
		</div>
		<div class="am-u-sm-12 cl-p bill_topup" style="display: none;overflow: auto;height: 300px;">
			<div class="am-u-sm-12 cl-p">
				<div class="am-fl am-radius bill_sm bill_sm_action finance" style="">财政额度</div>
				<div class="am-fl am-radius bill_sm">单位额度</div>
			</div>
			<table width="100%" class="am-table am-table-compact am-table-bordered am-table-radius am-table-striped am-text-truncate tpl-table-black" id="recharge_record">
				<thead>
					<tr>
						<th>充值人</th>
						<th>充值时间</th>
						<th>充值方式</th>
						<th>充值金额（元）</th>
						<th>状态</th>
					</tr>
				</thead>
				<tbody>
				</tbody>
			</table>
			<div class="am-u-lg-12 am-cf">
				<div class="am-fr">
					<ul class="pagination">
						
					</ul>
				</div>
			</div>
		</div>
		<div class="am-u-sm-12 cl-p account" style="display: none;overflow: auto;height: 300px;">
			<table width="100%" class="am-table am-table-compact am-table-bordered am-table-radius am-table-striped am-text-truncate tpl-table-black" id='account1'>
				<thead>
					<tr>
						<th>月份</th>
						<th>订单总金额</th>
						<th>订单总数</th>
						<th>对账单状态</th>
						<th>操作</th>
					</tr>
				</thead>
				<tbody>
					
				</tbody>
			</table>
			<div class="am-u-lg-12 am-cf">
				<div class="am-fr">
					<ul class="pagination">
						
					</ul>
				</div>
			</div>
		</div>
	</div>
</div>
<script src="{$static_dir}/assets/js/new_pages.js"></script>